<template>
  <a-breadcrumb
    style="font-size: 18px; font-weight: bold; margin: 10px 10px 10px 10px"
  >
    <a-breadcrumb-item>帮助</a-breadcrumb-item>
    <a-breadcrumb-item>交易说明</a-breadcrumb-item>
  </a-breadcrumb>

  <div class="comment">
    <a
      href="/static/Instructions.pdf"
      download="链上能源使用说明书.pdf"
    >
      <a-button type="primary" size="large">
        <template #icon>
          <DownloadOutlined />
        </template>
        下载产品说明书
      </a-button>
    </a>
    <h4>
      1.由于区块链中的交易需要等待区块链上的矿工挖矿确认，因此显示有延迟，请您耐心等待。
    </h4>
    <h4>
      2.每次交易都需消耗燃气费，注册之后提供初始燃气费用10E18，折合人民币10元（请勿以此进行其他商业行为）
    </h4>
    <h4>
      3.每次的交易大约会消耗10E14次以上的燃气费，请您根据燃气费余额，合理交易。燃气费即将耗尽时，请联系管理员购买。
    </h4>
    <h4>
      4.交易将按下图方式撮合，最大程度保证用户利益。其他私自调用区块链智能合约的行为都是无益的。
    </h4>
    <br />
    <img src="@/assets/comment.png" style="align-self: center; width: 80%" />
  </div>
</template>
<script>
import { DownloadOutlined } from '@ant-design/icons-vue';
import { defineComponent, ref } from 'vue';
export default defineComponent({
  components: {
    DownloadOutlined,
  },

  setup() {
    return {
      size: ref('large'),
    };
  },
});
</script>

<style>
.comment {
  padding:10px
}
h4 {
  padding: 4px 0;
}
</style>